<UserControl
	x:Class="UI.Control.VideoThumbnail"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="124" Height="174">

	<Grid>
		<Grid.RowDefinitions>
			<RowDefinition/>
			<RowDefinition Height="25"/>
			<RowDefinition Height="25"/>
		</Grid.RowDefinitions>

		<Border x:Name="borSelection" Background="{DynamicResource VOColor02}" CornerRadius="2" Visibility="Collapsed"/>

		<Border x:Name="borMain" Background="{DynamicResource VOColor13}" CornerRadius="2" RenderTransformOrigin="0.5,0.5" Margin="10,10,10,10">
			<Grid Margin="2,2,2,2" Width="100" Height="100">
				<Border x:Name="highlight" Background="{DynamicResource VOColor02}" CornerRadius="1" Opacity="0.1" Width="100" Height="100"/>
				<Image x:Name="imgThumbail" Width="100" Height="100" Margin="2,2,2,2"/>
			</Grid>
			<Border.RenderTransform>
				<TransformGroup>
					<ScaleTransform ScaleX="1" ScaleY="1"/>
				</TransformGroup>
			</Border.RenderTransform>
			<Border.Triggers>
				<EventTrigger RoutedEvent="Mouse.MouseEnter">
					<BeginStoryboard>
						<Storyboard>
							<Storyboard.Children>
								<DoubleAnimation To="1" Duration="00:00:00.4000000" Storyboard.TargetName="highlight" Storyboard.TargetProperty="Opacity" />
								<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="borMain" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)">
									<SplineDoubleKeyFrame KeyTime="00:00:00.35" Value="1.1"/>
								</DoubleAnimationUsingKeyFrames>
								<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="borMain" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)">
									<SplineDoubleKeyFrame KeyTime="00:00:00.35" Value="1.1"/>
								</DoubleAnimationUsingKeyFrames>
								<Int32AnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="borMain" Storyboard.TargetProperty="(Panel.ZIndex)">
									<SplineInt32KeyFrame KeyTime="00:00:00" Value="49"/>
									<SplineInt32KeyFrame KeyTime="00:00:00.3500000" Value="48"/>
								</Int32AnimationUsingKeyFrames>
							</Storyboard.Children>
						</Storyboard>
					</BeginStoryboard>
				</EventTrigger>
				<EventTrigger RoutedEvent="Mouse.MouseLeave">
					<BeginStoryboard>
						<Storyboard>
							<Storyboard.Children>
								<DoubleAnimation To="0.1" Duration="00:00:00.4000000" Storyboard.TargetName="highlight" Storyboard.TargetProperty="Opacity" />
								<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="borMain" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)">
									<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1.1"/>
									<SplineDoubleKeyFrame KeyTime="00:00:00.35" Value="1"/>
								</DoubleAnimationUsingKeyFrames>
								<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="borMain" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)">
									<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1.1"/>
									<SplineDoubleKeyFrame KeyTime="00:00:00.35" Value="1"/>
								</DoubleAnimationUsingKeyFrames>
								<Int32AnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="borMain" Storyboard.TargetProperty="(Panel.ZIndex)">
									<SplineInt32KeyFrame KeyTime="00:00:00" Value="1"/>
									<SplineInt32KeyFrame KeyTime="00:00:00.3500000" Value="0"/>
								</Int32AnimationUsingKeyFrames>
							</Storyboard.Children>
						</Storyboard>
					</BeginStoryboard>
				</EventTrigger>
			</Border.Triggers>
		</Border>

		<TextBlock x:Name="txtTitle" Grid.Row="1" HorizontalAlignment="Center" VerticalAlignment="Center"/>
		<!--Rectangle x:Name="recEdition" Grid.Row="1" Fill="#00FFFFFF" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/-->
		<TextBox x:Name="txtTitleEdit" Grid.Row="1" HorizontalAlignment="Center" VerticalAlignment="Center" Visibility="Collapsed"/>

		<StackPanel Orientation="Horizontal" Grid.Row="2" HorizontalAlignment="Center">
			<ToggleButton x:Name="tbRating1" IsEnabled="False" Width="14" Height="20" Style="{StaticResource ToggleButton.Star}"/>
			<ToggleButton x:Name="tbRating2" IsEnabled="False" Width="14" Height="20" Style="{StaticResource ToggleButton.Star}"/>
			<ToggleButton x:Name="tbRating3" IsEnabled="False" Width="14" Height="20" Style="{StaticResource ToggleButton.Star}"/>
			<ToggleButton x:Name="tbRating4" IsEnabled="False" Width="14" Height="20" Style="{StaticResource ToggleButton.Star}"/>
			<ToggleButton x:Name="tbRating5" IsEnabled="False" Width="14" Height="20" Style="{StaticResource ToggleButton.Star}"/>
		</StackPanel>

	</Grid>

</UserControl>
